layui.config({
    base: '/Anime/'
}).extend({
    treetable: 'treetable-lay/treetable'
}).use(['table', 'layer', 'form', 'treetable'], function () {

    var table = layui.table,
        $ = layui.$,
        layer = layui.layer,
        form = layui.form;
    var treetable = layui.treetable;
    table.render({
        elem: '#commenttable',
        height: 600,
        url: 'list' //数据接口
        ,
        toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        ,
        defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
            title: '提示',
            layEvent: 'LAYTABLE_TIPS',
            icon: 'layui-icon-tips'
        }],
        page: true //开启分页
        ,
        cols: [
            [ //表头
                {type: 'checkbox'},
                {
                    field: 'id',
                    title: 'ID',
                    sort: true,
                }, {
                field: 'pid',
                title: '父ID',

            }, {
                field: 'uid',
                title: '用户ID',

            }, {
                field: 'vid',
                title: '视频ID',

            }, {
                field: 'content',
                title: '内容',

            }, {
                field: 'commentTime',
                title: '时间',

            }, {
                field: 'remark',
                title: '备注',
            }
                , {
                title: '操作', templet: function (d) {
                    if (d.pid == 0) {
                        return '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">操作</a>'
                    } else {
                        return '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="delete">删除</a>'
                    }
                }
            }
            ]
        ]
    });
    //行监听
    table.on('tool(commenttable)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var checkStatus = table.checkStatus('commenttable');
        if (layEvent === 'edit') { //查看
            layer.open({
                type: 2,
                title: "用户详情",
                area: ["90%", "90%"],
                content: "check?id=" + data.id,
                success: function () {
                }
            })

        } else if (layEvent === 'delete') { //删除
            layer.confirm('真的删除行么', function (index) {
                $.ajax({
                    data: {id: data.id},
                    url: "delete",
                    type: "GET",
                    datatype: 'json',
                    success: function (result) {
                        layer.alert(result.msg, {icon: 1}, function (index1) {
                            layer.close(index1);
                            table.reload("commenttable")
                        })
                    }
                })
            })
        }
    })
    //头工具栏监听
    table.on('toolbar(commenttable)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var checkStatus = table.checkStatus(obj.config.id);
        var data = checkStatus.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var array = new Array();
        for (var i in data) {
            array[i] = data[i].id;
        }

        if (layEvent === 'add') {  //添加

        } else if (layEvent === 'BulkDelete') { //删除
            layer.confirm('真的删除选中数据', function (index) {
                $.ajax({
                    data: {"ids": array},
                    url: "bulkdelete",
                    type: "GET",
                    datatype: 'json',
                    traditional: true,//声明上传的数据为数组

                    success: function (result) {
                        layer.alert(result.msg, {icon: 1}, function (index1) {
                            layer.close(index1);
                            table.reload("commenttable")
                        })
                    }
                })
            })
        } else if (layEvent == 'update') {//编辑更新

        }
    })
    //treetable表格渲染
    renderTable = function () {
        treetable.render({
            // 渲染表格
            treeColIndex: 1,// 树形图标显示列
            treeSpid: 0,  //treetable 解析数据生成树根节点
            treeIdName: 'id',
            treePidName: 'pid',     // treetable 的父节点字段名称
            treeLinkage: true,        // 是否默认折叠
            elem: '#commenttreeTable',
            url: 'listedit',
            cols: [
                [
                    {type: 'numbers'},
                    {field: 'content', width: 180, title: '评论'},
                    {field: 'uid', width: 160, title: '用户id'},
                    {field: 'vid', width: 60, title: '视频id'},
                    {field: 'commentTime', title: '评论时间'},
                    {field: 'remark', width: 60, title: '举报'},
                    {title: '操作', toolbar: '#barDemo'}
                ]
            ],
            done: function () {
                // checkPermission();
            }
        });
    };
    renderTable();

    /**
     * 折叠
     */
    var croll = false;
    $("#crollAll").click(function () {
        if (croll) {
            treetable.expandAll('#commenttreeTable');
            croll = false;
        } else {
            treetable.foldAll('#commenttreeTable');
            croll = true;
        }
    })
    table.render({
        elem: '#reporttable11',
        height: 600,
        url: 'report' //数据接口
        ,
        toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        ,
        defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
            title: '提示',
            layEvent: 'LAYTABLE_TIPS',
            icon: 'layui-icon-tips'
        }],
        page: true //开启分页
        ,
        cols: [
            [ //表头
                {type: 'checkbox'},
                {
                    field: 'id',
                    title: 'ID',
                    sort: true,
                }, {
                field: 'pid',
                title: '父ID',

            }, {
                field: 'uid',
                title: '用户ID',

            }, {
                field: 'vid',
                title: '视频ID',

            }, {
                field: 'content',
                title: '内容',

            }, {
                field: 'commentTime',
                title: '时间',

            }, {
                field: 'remark',
                title: '备注',
            }
                , {
                title: '操作', templet: function (d) {
                    if (d.pid == 0) {
                        return '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">操作</a>'
                    } else {
                        return '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="delete">删除</a>'
                    }
                }
            }
            ]
        ]
    });
    //行监听
    table.on('tool(reporttable11)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if (layEvent === 'edit') { //查看
            layer.open({
                type: 2,
                title: "用户详情",
                area: ["90%", "90%"],
                content: "check?id=" + data.id,
                success: function () {
                }
            })

        } else if (layEvent === 'delete') { //删除
            layer.confirm('真的删除行么', function (index) {
                $.ajax({
                    data: {id: data.id},
                    url: "delete",
                    type: "GET",
                    datatype: 'json',
                    success: function (result) {
                        layer.alert(result.msg, {icon: 1}, function (index1) {
                            layer.close(index1);
                            // table.render("reporttable11");
                            layui.table.reload('reporttable11')
                            // location.reload()
                        })
                    }
                })
            })
        }
    })
    $("#reportsearch").click(function () {
        var data = document.getElementById("searchReportText").value;
        table.reload('reporttable11', {
            url: 'reportsearch',
            where: { //设定异步数据接口的额外参数，任意设
                "value": $("#searchReportText").val()
            }
            , page: {
                curr: 1 //重新从第 1 页开始
            }
        });
    })
    $("#search").click(function () {
        var data=document.getElementById("allsearch").value;
        table.reload('commenttable', {
            url:'searchall',
            where: { //设定异步数据接口的额外参数，任意设
                "value":$("#allsearch").val()
            }
            ,page: {
                curr: 1 //重新从第 1 页开始
            }
        });
    })
    table.on('tool(commenttreeTable)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if (layEvent === 'edit') { //查看
        } else if (layEvent === 'del') { //删除
            layer.confirm('真的删除行么', function (index) {
                $.ajax({
                    data: {id: data.id},
                    url: "delete",
                    type: "GET",
                    datatype: 'json',
                    success: function (result) {
                        var res=result
                        layer.alert(result.msg, {icon: 1}, function (index1) {
                            layer.close(index1);
                            parent.layui.table.reload('reporttable11')
                            // if (result.)
                            if (res.count==0){
                                parent.layer.close(index1)
                                parent.location.reload()//重新加载父页面，下一次在删除空数据后才能关闭子页面
                            }else {
                                location.reload()
                            }


                        })
                    }
                })
            })
        }
    })

})
